
@charset "UTF-8";
/*重置样式begin*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,select,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
ol,ul{list-style:none;}
a{text-decoration:none;}
img{vertical-align:top;}
input,select{-webkit-appearance:none;}
input::-webkit-search-cancel-button {display: none;}
input,select,textarea,a{margin:0;padding:0;font-size:100%;font:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);outline:0;box-shadow:none;}
ul,li,span,div{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
html{word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:100%;text-size-adjust:100%;  }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select {
  background-color: transparent;
  border-radius: 0;
}

a, span {
  -moz-user-select:none;/*火狐*/
  -webkit-user-select:none;/*webkit浏览器*/
  -ms-user-select:none;/*IE10*/
  -khtml-user-select:none;/*早期浏览器*/
  user-select:none;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 0;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4);
}
/*重置样式end*/
body {
  background-color: #030c2d;
  padding: 0;
  margin: 0;
}

.main {
  position: relative;
  background: url(../img/main.jpg) no-repeat top left / 100% 100%;
  box-sizing: border-box;
  width: 19.2rem;
  height: 10.8rem;
  min-width: 1180px;
}

.consult {
  box-sizing: border-box;
  position: absolute;
  top: 1.62rem;
  left: .51rem;
  width: 5.24rem;
  height: 3.10rem;
  padding-top: .2rem;
  font-size: 0;
}

.left2 {
  position: absolute;
  top: 4.95rem;
  left: .52rem;
}
.left2 img {
  width: 5.28rem;
  height: 1.68rem;
}

.left3 {
  position: absolute;
  top: 6.79rem;
  left: .52rem;
}
.left3 img {
  width: 5.28rem;
  height: 2.15rem;
}

.left4 {
  position: absolute;
  top: 9.05rem;
  left: .52rem;
}
.left4 img {
  width: 5.28rem;
  height: 1.17rem;
}

.right1 {
  position: absolute;
  top: 1.6rem;
  right: .51rem; 
}
.right1 img {
  width: 5.28rem;
  height: 3.47rem;
}

.right2 {
  position: absolute;
  top: 5.26rem;
  right: .51rem; 
}
.right2 img {
  width: 5.28rem;
  height: 1.36rem;
}

.right3 {
  position: absolute;
  top: 6.8rem;
  right: .51rem; 
}
.right3 img {
  width: 5.28rem;
  height: 3.43rem;
}

.consult-line {
  box-sizing: border-box;
  width: 4.6rem;
  height: 2.38rem;
  margin-left: .2rem;
  padding-bottom: .1rem;
}

.consult-label {
  width: 3.7rem;
  border-bottom: 1px solid #7186a3;
  margin: 0 .55rem;
  padding: 0;
}

.consult-title {
    font-size: 12px;
    color: #677b98;
    margin: 10px 55px;
}

.consult-label li {
    display: inline-block;
    background-color: #26344f;
    box-sizing: border-box;
    width: .55rem;
    line-height: .25rem;
    margin-right: .05rem;
    margin-bottom: -1px;
    font-size: 12px;
    text-align: center;
    color: #677b98;
    cursor: pointer;
}

.consult-label li.current {
    background-color: #030c2e;
    border: 1px solid #385570;
    border-bottom-color: transparent;
    color: #fff;
}

.tradevenue {
  box-sizing: border-box;
  padding: 0;
  position: absolute;
  top: 6.8rem;
  left: 6rem;
}
.tradevenue-bar {
  display: inline-block;
  vertical-align: top;
  margin-top: .4rem;
}

.tradevenu-bar1 {
  width: 5rem;
  height: 3.2rem;
}

.tradevenu-bar2 {
  width: 1.8rem;
  height: 3.4rem;
}

.middle-carouse {
  position: absolute;
  box-sizing: border-box;
  top: 1.65rem;
  left: 6rem;
  width: 7.2rem;
  height: 4.9rem;
}

.carousel{
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-arrow {
  position: absolute;
}

.carousel-inner-wrap {
  width: 10000%;
  overflow: hidden;
}

.carousel-inner-wrap-cell {
  float: left;
  width: 1%;
  margin: 0;
}

.carousel-inner-wrap-cell img {
    display: block;
    width: 100%;
    height: auto;
}

.carousel-dot {
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 0;
  bottom: .1rem;
}

.carousel-dot span{
    display: inline-block;
    margin-right: 8px;
    width: 9px;
    height: 9px;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden;
  }

  .carousel-dot span.selected{
      background-color: #ef4418;
}